<template>
  <div class="noDateContainer">
    <component :is="icon.name" v-bind="{ ...icon }"></component>
    <div>{{ title }}</div>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
defineProps({
  icon: {
    type: Object,
    default: {
      name: 'Icon-no-date',
      width: 100,
      height: 100
    }
  },
  title: {
    type: String,
    default: '没有数据~~~~~'
  }
})
</script>
<style scoped lang="less">
.noDateContainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
</style>